<!-- Navbar.vue -->  
<template>  
  <nav class="post">  
    <router-link  
      v-for="(item) in navItems"  
      :key="item.path"  
      :to="item.path"  
      :class="{ 'active': isActiveRoute(item.path) }"  
    >  
      {{ item.name }}  
    </router-link>  
  </nav>  
</template>  
  
<script>  
export default {  
  name: 'Navbar',  
  data() {
    return {
    };
  },

  computed: {  
    navItems() {  
      return this.$store.state.navigationItems;  
    },  
  },  
  methods: {
    isActiveRoute(route) {
      return this.$route.path === route;
    },
  },
};  
</script>
<style lang="scss">

</style>